<template>
	<view class="header">
		<view class="member">
			<view class="title">会员中心</view>
			<view class="iconfont icon-icon02"></view>
		</view>
		<lnformation></lnformation>
		<Menu></Menu>
	</view>
</template>

<script>
	import lnformation from './information.vue';
	import Menu from './menu.vue';
	export default {
		// 去除微信小程序生成多一层标签
		options : {
			virtualHost : true
		},
		data() {
			return {
				
			};
		},
		components:{
			lnformation,
			Menu
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f6f6f6;
	}
	/* #ifdef APP */
		page{
			background-color: #f6f6f6;
		}
	/* #endif */
	.header{
		width: 100%;
		height: 662rpx;
		background: url('/static/images/Member_bj.png') no-repeat;
		background-size: 100% auto;
		background-color: #ffffff;
		padding: 0 32rpx;
		padding-top: var(--status-bar-height);
		box-sizing: border-box;
		.member{
			display: flex;
			justify-content: center;
			align-items: center;
			color: #ffffff;
			position: relative;
			.title{
				padding-top: 20rpx;
				display: flex;
				justify-content: center;
				color: #f6f6f6;
				font-size: 33rpx;
			}
			.icon-icon02{
				position: absolute;
				top: 20rpx;
				right: 0rpx;
				font-size: 50rpx;
			}
		}

	}
</style>